@charset "utf-8";
.container { position: relative; width: 100%; }

.ny-menu { display:none; }

.aArea { position:relative; margin-top:80px; }
.aArea01 { float:left; width:50%; }
.aArea01 .text { width:835px; float:right; padding-right:45px; box-sizing: border-box; }
.aArea01 .text .p1 { position:absolute; top:0; left:0; font-size:130px; color:#f5f5f5; font-weight:bold; line-height:130px; z-index:-1; }
.aArea01 .text .p2 { font-size:36px; color:#000; line-height:38px; padding-top:80px; }
.aArea01 .text .p3 { font-size:20px; color:#009af4; margin:20px 0 10%; }
.aArea01 .text .p4 { font-size:14px; color:#585858; line-height:35px; min-height:205px; }

.aArea02 { float:right; width:50%; background:#f5f5f5; }
.aArea02 .video { width:835px; }
.aArea02 .video video { display:none; }


@media only screen and (max-width:1670px){
	.aArea01 { float:left; width:48%; margin-left:2%; }
	.aArea01 .text { width:100%; padding-right:30px; }
	.aArea02 { float:right; width:48%; padding-right:2%; }
	.aArea02 .video { width:100%; }
}
@media only screen and (max-width:1500px){
	.aArea01 .text .p1 { font-size:80px; line-height:80px; }
	.aArea01 .text .p2 { padding-top:40px; }
	.aArea01 .text .p3 { margin:20px 0 40px; }
	.aArea01 .text .p4 {  min-height:30px; padding-bottom:30px; }
}
@media only screen and (max-width:1200px){
	.aArea01 .text .p1 { font-size:60px; line-height:60px; }
	.aArea01 .text .p2 { font-size:20px; padding-top:30px; }
	.aArea01 .text .p3 { font-size:14px; margin:10px 0; }
	.aArea01 .text .p4 { line-height:25px; }
}
@media only screen and (max-width:1000px){
	.aArea { margin-top:30px; }
	.aArea01 { float:none; width:96%; margin:0 2% 20px; }
	.aArea01 .text { width:100%; padding-right:0; }
	.aArea02 { float:none; width:96%; padding:0 2%; }
	.aArea02 .video { width:100%; }
}

.aArea03 { float:left; width:50%; padding:60px 0 0; }
.aArea03 ul { width:85%; box-shadow: #f1f1f1 0px 0px 10px; padding:40px 0; }
.aArea03 ul li { float:left; width:50%; text-align:center; transition: all 0.6s; }
.aArea03 ul li:hover { margin-top:-10px; }
.aArea03 ul li:nth-child(1) { border-right:1px solid #ccc; box-sizing: border-box; }
.aArea03 ul li a { display:inline-block; padding-left:80px; text-align:left; background-size:contain!important; }
.aArea03 ul li a .p1 { font-size:18px; color:#000; }
.aArea03 ul li a .p2 { font-size:14px; color:#b8b8b8; text-transform:uppercase; }

.aArea04 { float:right; width:50%; }
.aArea04 ul { border-right:1px solid #e5e5e5; box-sizing: border-box; }
.aArea04 ul li { float:left; width:33.33%; padding-top:80px; min-height:250px; border-left:1px solid #e5e5e5; box-sizing: border-box; text-align:center; }
.aArea04 ul li .p1 span { font-size:72px; line-height:72px; color:#2a8ece; font-weight:bold; font-family:"Impact"; }
.aArea04 ul li .p1 i { font-size:16px; color:#000; padding-left:10px; }
.aArea04 ul li .p2 { font-size:14px; color:#666666; padding:0 3px; }

@media only screen and (max-width:1366px){
	.aArea04 ul li .p1 span { font-size:60px; line-height:60px; }
}
@media only screen and (max-width:1000px){
	.aArea03 { float:none; width:100%; padding:25px 0; }
	.aArea03 ul { margin:0 auto; width:100%; padding:25px 0; }
	.aArea04 { float:none; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:30px;  }
	.aArea04 ul li { padding-top:30px; min-height:150px; }
}
@media only screen and (max-width:750px){
	.aArea03 ul li a { padding-left:60px; }
	.aArea03 ul li a .p1 { font-size:16px; }
	.aArea03 ul li a .p2 { font-size:12px; }
	.aArea04 ul li { min-height:120px; }
	.aArea04 ul li .p1 span { font-size:30px; line-height:30px; }
	.aArea04 ul li .p1 i { font-size:12px; }
}

.Area-hd { padding:80px 0; text-align:center; }
.Area-hd p { font-size:36px; color:#000; margin-bottom:15px; }
.Area-hd span { display:block; width:55px; height:3px; background:#939393;  margin:0 auto; }
.Area-hd .p1 { font-size:14px; color:#737373; }

@media only screen and (max-width:1000px){
	.Area-hd { padding:30px 0; }
	.Area-hd p { font-size:20px; margin-bottom:10px; }
	.Area-hd .p1 { font-size:12px; }
}


.bArea { background:#f5f5f5; }
.bArea .bd ul li { position:relative; float:left; overflow:hidden; }
.bArea .bd ul li:nth-child(1) { width:49.375%; margin-right:0.938%; }
.bArea .bd ul li:nth-child(2) { width:49.687%; margin-bottom:0.938%; }
.bArea .bd ul li:nth-child(3) { width:30.885%; margin-right:0.938%; }
.bArea .bd ul li:nth-child(4) { width:17.864%; }
.bArea .bd ul li img { transition: all 1s; }
.bArea .bd ul li:hover img { transform: rotateY(360deg); }


.bArea .bd ul li .txt { position:absolute; left:100px; top:12%; }
.bArea .bd ul li .txt .p1 { font-size:24px; color:#000; font-weight:bold; margin-bottom:30px; }
.bArea .bd ul li .txt .p2 { font-size:15px; color:#000; margin-bottom:60px; line-height:20px; }
.bArea .bd ul li .txt .p2 i { display:inline-block; padding-left:20px; background:url(sss.jpg) no-repeat center left; margin-right:10px; }
.bArea .bd ul li .txt .p3 { width:30px; height:30px; text-align:center; line-height:28px; background:#009944; border-radius:100%; font-size:18px; color:#fff; }
.bArea .bd ul li:nth-child(2) .txt .p1 { color:#fff; }
.bArea .bd ul li:nth-child(2) .txt .p2 { color:#fff; width:50% }
.bArea .bd ul li:nth-child(2) .txt .p3 { background:#fff; color:#000; }
.bArea .bd ul li .txt01 { position:absolute; width:100%; left:0; top:50%; margin-top:-68px; text-align:center;  }
.bArea .bd ul li .txt01 .p1 { margin-bottom:30px; }
.bArea .bd ul li .txt01 .p2 { font-size:20px; color:#fff; }

@media only screen and (max-width:1366px){
	.bArea .bd ul li .txt { left:70px; }
	.bArea .bd ul li:nth-child(2) .txt .p2 { height:60px; overflow:hidden; margin-bottom:30px; }
}
@media only screen and (max-width:1000px){
	.bArea .bd ul li .txt { left:40px; }
	.bArea .bd ul li:nth-child(1) { width:100%; margin-right:0; margin-bottom:10px; }
	.bArea .bd ul li:nth-child(2) { width:100%; margin-bottom:10px; }
	.bArea .bd ul li:nth-child(3) { width:62.2%; margin-right:1.8%; }
	.bArea .bd ul li:nth-child(4) { width:36%; }
	.bArea .bd ul li .txt .p1 { font-size:18px; margin-bottom:20px; }
	.bArea .bd ul li .txt .p2 { display:none; } 
}
@media only screen and (max-width:750px){
	.bArea .bd ul li .txt01 {  margin-top:-40px; }
	.bArea .bd ul li .txt01 .p1 {  width:40px; margin:0 auto 20px; }
	.bArea .bd ul li .txt01 .p1 img { width:100%; height:auto; }
	.bArea .bd ul li .txt01 .p2 { font-size:14px; color:#fff; }
}

.cArea { padding-bottom:120px; background:url(cArea.jpg) no-repeat; background-size:cover; }
.cArea .Area-hd { padding-bottom:60px; }
.cArea01 { position:relative; background:url(cArea01.png) no-repeat center bottom;  }
.cArea01 .wrap { width:100%; }
.cArea01 ul { position:relative; width:1200px; height:465px; margin:0 auto; }
.cArea01 ul li { position:absolute; width:120px; text-align:center; z-index:9; }
.cArea01 ul li .p1 { height:50px; transition: all 0.6s; }
.cArea01 ul li .p2 { font-size:16px; color:#333; height:50px; transition: all 0.6s; }
.cArea01 ul li .p3 { width:26px; height:26px; margin:0 auto; background:url(c02.png) no-repeat; }
.cArea01 ul li:hover .p1 { margin-top:-10px; }
.cArea01 ul li:hover .p2 { height:60px; }

.cArea01 ul li:nth-child(1) { left:-10px; top:78px; }
.cArea01 ul li:nth-child(2) { left:205px; top:301px; }
.cArea01 ul li:nth-child(3) { left:420px; top:140px; }
.cArea01 ul li:nth-child(3) .p3 { position:absolute; left:-45px; top:10px; }
.cArea01 ul li:nth-child(4) { left:525px; top:-44px; }
.cArea01 ul li:nth-child(5) { left:563px; top:230px; }
.cArea01 ul li:nth-child(5) .p3 { position:absolute; right:-40px; top:10px; }
.cArea01 ul li:nth-child(6) { right:323px; top:285px; }
.cArea01 ul li:nth-child(7) { right:155px; top:142px; }
.cArea01 ul li:nth-child(8) { right:0; top:-10px; }

.cArea02 { display:none; }
.cArea02 .wrap { width:100%; }
.cArea02 img { max-width:100%; }

@media only screen and (max-width:1200px){
	.cArea { padding-bottom:30px; }
	.cArea .Area-hd { padding-bottom:30px; }
	.cArea01 { display:none; }
	.cArea02 { display:block; }
}

.dArea { padding:0 0 60px; }
.dArea01 { position:relative; padding:0 7%; }
.dArea01 .swiper-slide img { width:100%; height:auto; transition: all 0.6s; }
.dArea01 .swiper-slide img:hover { transform: scale(1.1)!important; }
.dArea01 .swiper-slide { position:relative; overflow:hidden; }
.dArea01 .swiper-slide p { position:absolute; left:0; width:100%; bottom:0; height:60px; text-align:center; line-height:60px; font-size:18px; color:#fff; background:rgba(1,153,241,0.66); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:9; }
.dArea01 .swiper-button-prev01,.dArea01 .swiper-button-next01 { position:absolute; top:50%; margin-top:-31px; width:62px; height:62px; background-size:contain!important; cursor:pointer; }
.dArea01 .swiper-button-prev01 { background:url(prev01.png) no-repeat center; left:0; }
.dArea01 .swiper-button-next01 { background:url(next01.png) no-repeat center; right:0; }
.dArea01 .swiper-button-prev01:hover { background:url(prev02.png) no-repeat center; }
.dArea01 .swiper-button-next01:hover { background:url(next02.png) no-repeat center; }
@media only screen and (max-width:1200px){
	.dArea01 .swiper-slide p { height:30px; line-height:30px; font-size:12px; }
	.dArea01 .swiper-button-prev01,.dArea01 .swiper-button-next01 { margin-top:-20px; width:40px; height:40px; }
}
@media only screen and (max-width:750px){
	.dArea { padding:0 0 30px; }
	.dArea01 { padding:0 35px; }
	.dArea01 .swiper-button-prev01,.dArea01 .swiper-button-next01 { margin-top:-15px; width:30px; height:30px; }	
}
.dAreax { padding:0 0 60px; }
.dAreax01 { position:relative; padding:0 7%; }
.dAreax01 .swiper-container-2s{ width:100%}
.dAreax01 .swiper-slide2{ width:32.5%; float:left; margin-right:1.25%; margin-bottom:1%}
.dAreax01 .swiper-slide2:nth-child(3n){ margin-right:0}
.dAreax01 .swiper-slide2 img { width:100%; height:auto; transition: all 0.6s; }
.dAreax01 .swiper-slide2 img:hover { transform: scale(1.1)!important; }
.dAreax01 .swiper-slide2 { position:relative; overflow:hidden; }
.dAreax01 .swiper-slide2 p { position:absolute; left:0; width:100%; bottom:0; height:60px; text-align:center; line-height:60px; font-size:18px; color:#fff; background:rgba(1,153,241,0.00); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; z-index:9; }

@media only screen and (max-width:1200px){
	.dAreax01 .swiper-slide2 p { height:30px; line-height:30px; font-size:12px; }
}
@media only screen and (max-width:750px){
	.dAreax { padding:0 0 30px; }
	.dAreax01 { padding:0 35px; }
	.dAreax01 .swiper-slide2{ width:49%; margin-right:2%; margin-bottom:2%}
	.dAreax01 .swiper-slide2:nth-child(3n){ margin-right:2%}
	.dAreax01 .swiper-slide2:nth-child(2n){ margin-right:0}
}

.eArea01 { position:relative; }
.eArea01 .bb { padding:45px 0 210px; background-size:cover!important; height:400px; }
.eArea01 .bb .text { margin:0 auto; width:1160px; }
.eArea01 .bb .text .txt { float:right; width:550px; margin-right:50px; background:rgba(0,153,234,0.5); padding:30px; color:#fff; box-sizing: border-box; }
.eArea01 .bb .text .txt .p1 { font-size:28px; font-weight:bold; margin-bottom:10px; color:#fff; }
.eArea01 .bb .text .txt .p2 { font-size:18px; line-height:25px; color:#fff; }
.eArea01 .bb .text .txt .more{ width:100; font-size:0; margin-top:20px; display:none}
.eArea01 .bb .text .txt .more a{ display:inline-block; vertical-align:top; width:160px; height:50px; border:1px solid #fff; border-radius:8px; text-align:center; line-height:50px; font-size:20px; margin-right:20px; color:#fff}
.eArea01 .hd { position:absolute; left:0; width:100%; bottom:30px; z-index:9; }
.eArea01 .hd ul { width:1160px; margin:0 auto; background:#fff; }
.eArea01 .hd ul li { float:left; width:25%; text-align:center; padding:25px 0; transition: all 0.6s; cursor:pointer; }
.eArea01 .hd ul li .p1 { height:55px; }
.eArea01 .hd ul li .p1 .img02 { display:none; }
.eArea01 .hd ul li .p2 { font-size:18px; color:#000; line-height:20px; }
.eArea01 .hd ul li.on { background:#0099f1; padding:40px 0; margin-top:-30px; }
.eArea01 .hd ul li.on .p1 .img01 { display:none; }
.eArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.eArea01 .hd ul li.on .p2 { color:#fff; }

@media only screen and (max-width:1200px){
	.eArea01 .bb { height:auto; }
	.eArea01 .bb .text { width:96%; }
	.eArea01 .hd ul { width:96%; margin:0 auto; background:#fff; }
}
@media only screen and (max-width:1000px){
	 
	.eArea01 .bb .text .txt { float:none; width:100%; margin-right:0;  overflow:hidden; }
	.eArea01 .hd { bottom:20px; }
}
@media only screen and (max-width:750px){
	.eArea01 .bb { padding:45px 0 160px; }
	.eArea01 .bb .text .txt { padding:15px; }
	.eArea01 .bb .text .txt .p1 { font-size:18px; margin-bottom:15px; }
	.eArea01 .bb .text .txt .p2 { font-size:12px; line-height:20px; }
	.eArea01 .hd ul li { padding:15px 0; }
	.eArea01 .hd ul li .p1 { height:50px; }
	.eArea01 .hd ul li .p2 { font-size:14px; }
	.eArea01 .hd ul li.on { padding:25px 0; margin-top:-20px; }
	.eArea01 .bb .text .txt .more a{ font-size:12px; height:30px; width:120px; line-height:30px}
}

.fArea { padding-bottom:80px; }

.fArea01 .swiper-slide a { display:block; }
.fArea01 .swiper-slide .pic { float:right; width:310px; overflow:hidden; }
.fArea01 .swiper-slide .pic img { transition: all 0.6s; }
.fArea01 .swiper-slide .pic img:hover { transform: scale(1.1)!important; }
.fArea01 .swiper-slide .txt { float:left; width:calc(100% - 360px); }
.fArea01 .swiper-slide .txt .p1 { font-size:30px; line-height:30px; color:#a3a3a3; background:url(f02.png) no-repeat center right; }
.fArea01 .swiper-slide .txt .p2 { margin:25px 0; font-size:20px; line-height:25px; height:50px; overflow:hidden; color:#000; }
.fArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:30px; height:60px; overflow:hidden; color:#808080; }

.fArea01 .swiper-wrapper { padding-bottom:90px }
.fArea01 .swiper-pagination { position:relative; bottom:15px!important; }
.fArea01 .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; }
.fArea01 .swiper-pagination .swiper-pagination-bullet-active { background:#333!important; width:30px; border-radius:25px; }

.fArea01 .swiper-button-prev02,.fArea01 .swiper-button-next02 { position:absolute; bottom:0; margin-top:-22px; width:44px; height:44px; background-size:contain!important; cursor:pointer; z-index:999; }
.fArea01 .swiper-button-prev02 { background:url(prev03.jpg) no-repeat center; left:50%; margin-left:-120px; }
.fArea01 .swiper-button-next02 { background:url(next03.jpg) no-repeat center; right:50%; margin-right:-120px; }


@media only screen and (max-width:1366px){
	.fArea01 .swiper-slide .pic { float:right; width:250px; }
	.fArea01 .swiper-slide .txt { float:left; width:calc(100% - 270px); }
	.fArea01 .swiper-slide .txt .p1 { font-size:20px; line-height:20px; }
	.fArea01 .swiper-slide .txt .p2 { margin:15px 0; font-size:16px; }
	.fArea01 .swiper-slide .txt .p3 { font-size:14px; line-height:20px; height:40px; }
}
@media only screen and (max-width:1000px){
	.fArea { padding-bottom:30px; }
	.fArea01 .swiper-wrapper { padding-bottom:50px }
}
@media only screen and (max-width:750px){
	.fArea01 .swiper-slide .pic { float:right; width:150px; }
	.fArea01 .swiper-slide .txt { float:left; width:calc(100% - 170px); }
	.fArea01 .swiper-slide .txt .p1 { font-size:14px; line-height:20px; }
	.fArea01 .swiper-slide .txt .p2 { margin:10px 0; font-size:14px; }
	.fArea01 .swiper-slide .txt .p3 { display:none; }
}

.gArea { padding:80px 0 100px; background:url(gArea.jpg) no-repeat; background-size:cover; margin-top:30px; }
.gArea .hd { font-size:36px; text-align:center; font-weight:bold; line-height:40px; color:#fff; margin-bottom:45px; }
.gArea form { padding-left:7%; }
.gArea form .text { float:left; width:24%; height:70px; line-height:70px; font-size:18px; color:#000; background:#fff; padding-left:20px; box-sizing: border-box; margin-right:1.7%; }
.gArea form .textarea { float:left; width:24%; height:70px; line-height:70px; font-size:18px; color:#000; background:#fff; padding-left:20px; box-sizing: border-box; margin-right:1.7%; }
.gArea form .btn01 { float:left; width:9%; height:70px; line-height:70px; font-size:18px; color:#fff; background:#009944; text-align:center; letter-spacing:4px; cursor:pointer; }


@media only screen and (max-width:1000px){
	.gArea .hd { font-size:25px; line-height:30px; }
	.gArea form { width:96%; margin:0 auto; padding:0; }
	.gArea form .text { width:28%; height:40px; line-height:40px; font-size:14px; margin-right:2%; }
	.gArea form .textarea { width:28%; height:40px; line-height:40px; font-size:14px; margin-right:2%; }
	.gArea form .btn01 { width:10%; height:40px; line-height:40px; font-size:14px; }
}
@media only screen and (max-width:750px){
	.gArea .hd { font-size:20px; line-height:25px; }
	.gArea { padding:40px 0; }
	.gArea form .text { width:48%; margin-right:2%; }
	.gArea form .textarea { width:98%; margin:2% 2% 2% 0; }
	.gArea form .btn01 { width:98%; }
}

.hArea { background:url(hArea.jpg) no-repeat; background-size:cover; }
.hArea01 { position:relative; width:1200px; margin:0 auto; }
.hArea01 .hd ul li { position:absolute; width:305px; height:45px; line-height:45px; border:1px solid #c6c6c6; border-radius:25px; font-size:16px; color:#000; z-index:9; cursor:pointer; }
.hArea01 .hd ul li a { color:#000; display:block; }
.hArea01 .hd ul li i { float:left; display:inline-block; padding:0 15px 0 15px; font-size:27px; color:#adafad; font-weight:bold; font-family:"Impact";}
.hArea01 .hd ul li span { float:left; }

@media only screen and (min-width:1200px){
	.hArea01 .hd ul li:nth-child(1) { top:0; left:60px; }
	.hArea01 .hd ul li:nth-child(3) { top:90px; left:25px; }
	.hArea01 .hd ul li:nth-child(5) { top:180px; left:0; }
	.hArea01 .hd ul li:nth-child(7) { top:265px; left:25px; }
	.hArea01 .hd ul li:nth-child(9) { top:355px; left:60px; }

	.hArea01 .hd ul li:nth-child(2) { top:0; right:60px; }
	.hArea01 .hd ul li:nth-child(4) { top:90px; right:25px; }
	.hArea01 .hd ul li:nth-child(6) { top:180px; right:0; }
	.hArea01 .hd ul li:nth-child(8) { top:265px; right:25px; }
	.hArea01 .hd ul li:nth-child(10) { top:355px; right:60px; }
}

.hArea01 .hd ul li.on { background:#009944; border-color:#009944; color:#fff; }
.hArea01 .hd ul li.on a { color:#fff; }
.hArea01 .hd ul li.on i { color:#fff; }

.hArea01 .bd { width:460px; margin:0 auto; padding-top:70px; min-height:395px; }

@media only screen and (max-width:1200px){
	.hArea01 { width:96%; }
	.hArea01 .hd ul li { position:relative; float:left; width:49%; margin:0 2% 2% 0; box-sizing: border-box; }
	.hArea01 .hd ul li:nth-child(2n) { margin-right:0; }
	
	.hArea01 .bd { padding:20px 0 30px; min-height:20px; }
}
@media only screen and (max-width:750px){
	.hArea01 .hd ul li { width:100%; margin:0 0 2%; height:30px; line-height:30px; font-size:14px; }
	.hArea01 .hd ul li i { font-size:20px; }
}

.x1{ width:100%; background:url(x1.jpg) center center no-repeat; background-size:cover; padding:60px 0 45px}
.x1 .top{ width:100%; text-align:center}
.x1 .top h3{ font-size:36px; color:#000; font-weight:normal; line-height:1}
.x1 .top p{ font-size:14px; color:#000; line-height:1; padding-top:15px}
.x1 ul{ width:100%}
.x1 ul li{ width:24.25%; margin-top:1%; margin-right:1%; float:left; position:relative}
.x1 ul li img{ width:100%}
.x1 ul li:nth-child(4n){ margin-right:0}
.x1 ul li .a1{ display:block; width:100%; height:100%; background:rgba(00,00,00,0.6); position:absolute; left:0; top:0; display:none}
.x1 ul li:hover .a1{ display:block}
.x1 ul li .a2{ width:100%; height:110px; position:absolute; left:0; top:50%; margin-top:-55px;}
.x1 ul li .a2 span{ display:block; width:100%; height:85px;}
.x1 ul li .a2 p{ text-align:center; color:#fff; font-size:24px; font-weight:bold}
@media only screen and (max-width:1000px){
	.x1{ padding:40px 0 25px}
	.x1 .top h3{ font-size:20px}
	.x1 .top p{ font-size:12px; padding-top:10px}
	.x1 ul li{ width:49%; margin-right:2%; margin-top:2%}
	.x1 ul li:nth-child(2n){ margin-right:0}
	.x1 ul li .a2 p{ font-size:14px; font-weight:normal}
}









.link { padding: 15px 7%; background: #f2f2f2; color: #666; font-size: 14px; line-height: 1.5; }
.link a { margin: 0 5px; color: #666; }
.link a:hover { color: #009af4; }